<wicket:head lang="en" xmlns:wicket="http://wicket.apache.org">

  <title><wicket:message key="adminPageTitle" /></title>

</wicket:head>

<wicket:extend lang="en" xmlns:wicket="http://wicket.apache.org">

  <div class="row-fluid">
    <div class="span12 telebackground">
      <div class="filter_container">
        <span style="margin: 5px; font-size: 18px; font-weight: bold; font-style: normal;">Filters</span>
        <div class="filters">
          <form wicket:id="searchForm">
            <table class="tablefilter floatleft">
              <tr>
                <td><input class="df" type="button" wicket:id="developersFilter"/>
                  <wicket:message key="developers" /></td>
                <td><input class="nf" type="button" wicket:id="powerusersFilter"/>
                  <wicket:message key="powerusers" /></td>
                </tr>  
               <tr>   
                <td><input class="cnf" type="button"  wicket:id="classicusersFilter"/>
                  <wicket:message key="classicusers" /></td>
              </tr>
            </table>

            <table class="tablefilter">
              <tr>
                <td><input class="auf" type="button" wicket:id="activeUsers"/>
                  <img src="resources/img/icon-man_dark.png" /></td>
                <td><wicket:message key="activeUsers" /></td>
              </tr>

              <tr>
                <td><input class="suf" type="button" wicket:id="suspendedUsers"/>
                  <img src="resources/img/icon-man_light.png" /></td>
                <td><wicket:message key="suspendedUsers" /></td>
              </tr>
              <tr>
                <td></td>
                <td></td>
              </tr>

            </table>
          </form>
        </div>
      </div>
      <div class="userlist">
        <span style="font-size: 18px; font-weight: bold; font-style: normal; padding-top: 10px; padding-bottom: 10px;"><wicket:message key="usersList" /></span>
      </div>

      <div wicket:id="modalUserPage"></div>

      <div wicket:id="feedback"></div>

      <table class="table telecoachtable">
        <thead>
          <tr>
            <th></th>
            <th></th>
            <th><wicket:message key="status" /></th>
            <th><wicket:message key="name" /></th>
            <th><wicket:message key="position" /></th>
            <th><wicket:message key="username" /></th>
            <th></th>
          </tr>
        </thead>
        <tbody wicket:id="userListContainer">
          <tr wicket:id="userslist">
            <td class="colorc" wicket:id="color"></td>
            <td></td>
            <td class="iconc">
            	<div wicket:id="personIcon"></div>
            </td>
            <td class="namec"><label wicket:id="name"></label></td>
            <td class="rolec"><label wicket:id="role"></label></td>
            <td class="userc"><label wicket:id="username"></label></td>
            <td class="commandsc">
             <div class="commands">
               <input class="cedit" type="button" wicket:id="edit" />
               <input class="cdelete" type="button" wicket:id="delete" />
             </div>
            </td>
          </tr>
        </tbody>
        <tfoot wicket:id="patients_footer">
          <tr>
            <td colspan="10"><span wicket:id="navigator">[dataview navigator]</span></td>
          </tr>
        </tfoot>
      </table>
      <input type="button" value="New user" wicket:id="addUser" class="btn btn-primary"/>
      <!--  <input type="button" value="Community" wicket:id="community" class="btn btn-primary"/> -->
    </div>
  </div>
</wicket:extend>
